<!-- 农技问答 -->
<template>
	<div class="essayList" :class="{home_essayList:list.type == 'home'}">
		<li>
			<img src="../assets/home/ask.png" alt="">
			<p>{{list.list.question}}</p>
		</li>
		<li>
			<img src="../assets/home//reply.png" alt="">
			<span :class="{snp2:list.type == 'home'}">
				{{list.list.answer}}
			</span>
		</li>
	</div>
</template>

<script setup>
	const list = defineProps({
		type:String,
		list:Object
	})
</script>

<style lang="scss" scoped>
	.essayList{
		width: 1140px;
		background: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		opacity: 1;
		border: 1px solid rgba(17,145,142,0.1);
		padding: 15px;
		margin-top: 30px;
		li{
			display: flex;
			img{
				width: 30px;
				height: 30px;
				margin-right: 12px;
			}
		}
		li:last-child{
			margin-top: 16px;
		}
	}
	.home_essayList{
		width: 555px;
	}
</style>